<template>

    <div>
        <el-header id="header">
            <el-button type="primary" round @click="reback" icon="el-icon-s-home" style="float:right;margin-top: 10px;">退出</el-button>
            <h1>{{academyName}}</h1>
        </el-header>
    </div>

</template>

<script>
import 'element-ui/lib/theme-chalk/index.css';
export default {
name:"Head",
data(){
return{
    academyName:'',
}
},mounted(){
  this.academyName=this.$store.state.Mark
},methods:{
reback(){
        this.$router.push({
            path: 'Login'
        })
}
}
}
</script>

<style>

  .el-header {
      background-color: #e0e8f2;
      color: #333;
      /* border-radius: 3%; */
      box-shadow: 1px 1px 3px rgb(0, 0, 0);
  }
  #header div {
      border-radius: 4%;
      font-size: larger;
      text-align: center;
      line-height: 60px;
  }
  .el-header h1 {
      font-size: 40px;
      text-align: center;
     
  }
</style>